{%include 'header.html'%}
<div id="content">
  <div class="container" id="contact">
    <div class="row"> 
      <!-- sidebar -->
      <div class="col-md-3 sidebar">
        <div class="section-menu">
          <ul class="nav nav-list">
            <li class="nav-header">栏目标题</li>
            <li><a href="../about.htm" class="first">关于学会 <small>学会历程</small><i class="fa fa-angle-right"></i></a></li>
            <li><a href="../organization.htm">学会架构 <small>如何组成</small><i class="fa fa-angle-right"></i></a></li>
            <li><a href="../team.htm">学会专家 <small>学会之星 </small><i class="fa fa-angle-right"></i></a></li>
            <li class="active"><a href="../contact.htm">联系我们<small>给我们留言</small><i class="fa fa-angle-right"></i></a></li>
          </ul>
        </div>
      </div>
      
      <!--main content-->
      <div class="col-md-9">
        <h2 class="title-divider"><span>给我们留言</span></h2>
        <div class="row">
          <div class="col-md-6">
            <form id="contact-form" action="#" role="form">
              <div class="form-group">
                <label class="sr-only" for="contact-name">您的名称</label>
                <input type="text" class="form-control" id="contact-name" placeholder="您的名称">
              </div>
              <div class="form-group">
                <label class="sr-only" for="contact-name">您的单位名称</label>
                <input type="text" class="form-control" id="contact-name" placeholder="您的单位名称">
              </div>
              <div class="form-group">
                <label class="sr-only" for="contact-email">联系电话</label>
                <input type="email" class="form-control" id="contact-email" placeholder="联系电话">
              </div>
              <div class="form-group">
                <label class="sr-only" for="contact-email">电子邮件</label>
                <input type="email" class="form-control" id="contact-email" placeholder="电子邮件">
              </div>
              <div class="form-group">
                <label class="sr-only" for="contact-message">您的意见及建议</label>
                <textarea rows="12" class="form-control" id="contact-message" placeholder="您的意见及建议"></textarea>
              </div>
              <input type="button" class="btn btn-primary" value="确认留言">
            </form>
          </div>
          <div class="col-md-6">
            <p><abbr title="Phone"><i class="fa fa-phone"></i></abbr> 86 023 66666666</p>
            <p><abbr title="Email"><i class="fa fa-envelope"></i></abbr> service@cqndt.org</p>
            <p><abbr title="Address"><i class="fa fa-home"></i></abbr> 重庆市沙坪坝正街174号</p>
            <p><a href="http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E9%87%8D%E5%BA%86%E6%97%A0%E6%8D%9F%E6%A3%80%E6%B5%8B%E5%AD%A6%E4%BC%9A"> <img src="{{STATIC_URL}}img/misc/baidu_map.jpg" alt="Location map" class="img-thumbnail" /> </a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{%include 'footer.html'%}